<template>
  <view class="setting">
    <view class="list">
      <navigator
        url="/pages/my/address/index"
        open-type="navigate"
        hover-class="navigator-hover"
      >
        我的收获地址
      </navigator>
    </view>
    <view class="list">问题反馈</view>
    <view class="list">联系我们</view>
    <view class="list">关于小兔鲜儿</view>
    <view class="exitBtn" @click="exitBtn">退出登录</view>
    <u-modal
      @confirm="confirm"
      @cancel="show = false"
      showCancelButton
      :show="show"
      :content="content"
    ></u-modal>
  </view>
</template>

<script>
export default {
  data () {
    return {
      show: false,
      content: '是否退出登录',
      property: 'value'
    }
  },
  methods: {
    exitBtn () {
      this.show = true
      // uni.removeStorageSync('key');
    },
    confirm () {
      uni.removeStorageSync('tokenStorage')
      uni.redirectTo({
        url: '/pages/login/index'
      })
    }
  }
}
</script>

<style lang="scss">
// uni-page-body,html,body{
//         height: 100%;

//   }
.setting {
  padding: 20rpx;
  height: 1165rpx;
  background-color: #f4f4f4;
  .list {
    height: 50rpx;
    display: flex;
    justify-content: space-between;
    padding: 20rpx;
    background-color: #fff;
    margin-bottom: 20rpx;
    border-radius: 10rpx;
    position: relative;
  }
  .exitBtn {
    padding: 20rpx 0;
    text-align: center;
    background-color: #fff;
  }
}
</style>
